<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <link rel="stylesheet" href="build/css/style.css"/>
    <link rel="stylesheet" href="build/css/common.css"/>
    <link rel="stylesheet" href="build/css/bootstrap.min.css"/>
    <script src="build/js/jquery-1.12.3.min.js"></script>
    <script src="build/js/bootstrap.min.js"></script>
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container_box">
    <!-- 顶部header部分-->
    <div class="wrapper_tab">
        <p class="language text-right">
            <span class="choose">中文</span>
            <span>&nbsp;|&nbsp;</span>
            <span>English</span>
        </p>
        <div class="pull-left">
            <img src="build/images/logo.png" alt=""/>
        </div>
        <div class="list-tab pull-right" id="headerTab">
            <ul class="nav nav-tabs">
                <li><a href="index.html" class="cur"><span>首页</span></a></li>
                <li><a href="business_artoriz.html"><span>ARTORIZ</span></a></li>
                <li><a href="business_trade.html"><span>HERMALL</span></a></li>
                <li><a href="business_art.html"><span>艺术设计中心</span></a></li>
                <li><a href="business_news.html" class="news_center"><span>新闻中心</span></a></li>
                <li class="last"><a href="business_ours.html"><span>关于我们</span></a></li>
            </ul>
        </div>
    </div>
    <!-- tab内容首页-->
    <div class="business_index" id="business_index">
        <!-- banner部分-->
        <div class="banners">
            <div class="banner_box">
                <div class="banner_content">
                    <div>A Fresh Commerce Format  A Predestined Fates of Designers </div>
                    <span>一个崭新的商业业态 一段设计师情缘</span>
                    <h2>从赫美商业开启</h2>
                    <p>Make by HEMEI Commerce</p>
                </div>
            </div>
        </div>
        <!-- banner下方logo排列 -->
        <div class="designer_logo clearfix">
            <div class="pull-left col-lg-4">
                <div><img src="build/images/design01.png" alt=""/></div>
                <p>ARTORIZ</p>
                <div class="line"></div>
                <span>以买手模式经营的设计师作品集合店</span>
                <span>时尚设计司南</span>
            </div>
            <div class="pull-left col-lg-4">
                <div><img src="build/images/design02.png" alt=""/></div>
                <p>HERMALL</p>
                <div class="line"></div>
                <span>多元化品质生活线下体验馆</span>
                <span>邂逅独立设计 遇见美好生活</span>
            </div>
            <div class="pull-left col-lg-4">
                <div><img src="build/images/design03.png" alt=""/></div>
                <p>艺术设计中心</p>
                <div class="line"></div>
                <span>国内外优秀设计师孵化平台</span>
                <span>我们不设计 只孕育生命</span>
            </div>
        </div>
        <!-- 设计师作品-->
        <div class="designer_works clearfix">
            <h3 class="text-center">设计师作品</h3>
            <div class="line"></div>
            <p class="designer_en text-center">DESIGNERS</p>
            <div class="works_list clearfix">
                <div class="clearfix works_list_box01">
                    <div class="pull-left intersection inter_left col-lg-6 col-md-6 col-sm-6">
                        <div class="intersection_img inter_img_up col-lg-12 col-md-12 col-sm-12">
                            <div class="intersection_box pull-left col-lg-6 col-md-6 col-sm-6"></div>
                            <div class="intersection_box pull-left col-lg-6 col-md-6 col-sm-6">
                                <img src="build/images/worklist01.png" class="pull-left" alt=""/>
                                <div class="cross">
                                    <p class="text-right">交集</p>
                                    <div class="text-right">
                                        <span>by Peter Lau x Artoriz</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="intersection_explain pull-left col-lg-12 col-md-12 col-sm-12">
                            <img src="build/images/bg05.gif" alt=""/>
                            <div class="intersection_explain_box text-right">
                                <p>美国中西部知名博主</p>
                                <p>主攻时尚、美食及珠宝系列</p>
                                <p>甜美、客人形象让人过目不忘</p>
                                <h1>THEBODYTYPESTYLIST</h1>
                            </div>
                        </div>
                    </div>
                    <div class="pull-left intersection inter_right col-lg-6 col-md-6 col-sm-6">
                        <div class="modal_box">
                            <img src="build/images/designers01.png" alt=""/>
                            <img src="build/images/modal/modal01.png" class="my_modal none" alt=""/>
                        </div>
                    </div>
                </div>
                <div class="clearfix works_list_box">
                    <div class="pull-left intersection intersection_left">
                        <div class="pull-left intersection_explain col-lg-6 col-md-6 col-sm-6"></div>
                        <div class="pull-left intersection_img col-lg-6 col-md-6 col-sm-6">
                            <div class="modal_box">
                                <img src="build/images/worklist02.png" alt=""/>
                                <img src="build/images/modal/modal02.png" class="my_modal none" alt=""/>
                            </div>
                            <div class="intersection_explain_box text-right">
                                <p>黑与白女王</p>
                                <p>纽约知名简约型博主</p>
                                <p>混血身份，拥有众多亚裔粉丝</p>
                                <h1>IVANAKORDA</h1>
                            </div>
                        </div>
                    </div>
                    <div class="pull-left intersection intersection_right">
                        <div class="pull-left intersection_explain_cn col-lg-6 col-md-6 col-sm-6"></div>
                        <div class="pull-left intersection_img col-lg-6 col-md-6 col-sm-6 ">
                            <div class="modal_box">
                                <img src="build/images/worklist03.png" alt=""/>
                                <img src="build/images/modal/modal03.png" class="my_modal none" alt=""/>
                            </div>
                            <div class="text-right qiwen_box">
                                <p>花弄月</p>
                                <div class="text-right">
                                    <span>by Shirley Zhang x Artoriz</span>
                                </div>
                                <h2>IMROSACRESPO</h2>
                                <h5>北美知名时尚博主</h5>
                                <h5>以性感知名</h5>
                                <h5>多次与其他时尚博主大号同时出现在各类时装秀</h5>
                                <h5>有众多欧美及北美粉丝</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix works_list_box02">
                    <div class="pull-left intersection intersection_qiwen">
                        <div class="intersection_img pull-left">
                            <div class="modal_box">
                                <img src="build/images/worklist04.png" alt=""/>
                                <img src="build/images/modal/modal04.png" class="my_modal none" alt=""/>
                            </div>
                            <div class="text-right qiwen_box">
                                <p class="">器韫</p>
                                <div class="text-right">
                                    <span>by 徐可 x Artoriz</span>
                                </div>
                                <h2>TIAN_SSS</h2>
                                <h5>纽约著名拍卖行亚洲艺术总监</h5>
                                <h5>知名华裔模特</h5>
                                <h5>文艺及艺术类知名博主</h5>
                            </div>
                        </div>
                        <div class="intersection_box pull-left "></div>
                    </div>
                    <div class="pull-left intersection">
                        <div class="intersection_img pull-left">
                            <img src="build/images/worklist06.png" alt=""/>
                        </div>
                        <div class="intersection_img pull-left modal_box">
                            <img src="build/images/modal/modal05.png" class="my_modal none" alt=""/>
                            <img src="build/images/worklist07.png" alt=""/>
                        </div>
                    </div>
                </div>
                <div class="clearfix works_list_box">
                    <div class="imgs_bg modal_box">
                        <img src="build/images/worklist05.png" alt=""/>
                        <img src="build/images/modal/modal06.png" class="my_modal none" alt=""/>
                    </div>
                    <div class="imgs_bg">
                        <img src="build/images/worklist08.png" alt=""/>
                    </div>
                    <div class="imgs_bg modal_box">
                        <img src="build/images/worklist09.png" alt=""/>
                        <img src="build/images/modal/modal07.png" class="my_modal none" alt=""/>
                    </div>
                    <div class="imgs_bg">
                        <img src="build/images/worklist10.png" alt=""/>
                    </div>
                </div>
                <div class="clearfix works_list_box01">
                    <div class="pull-left intersection intersection_left_bg col-lg-6 col-md-6 col-sm-6 modal_box">
                        <img src="build/images/modal/modal08.png" class="my_modal none" alt=""/>
                    </div>
                    <div class="pull-left intersection intersection_right_bg col-lg-6 col-md-6 col-sm-6">
                        <div class="intersection_img intersection_img_top col-lg-12 col-md-12 col-sm-12">
                            <div class="intersection_box intersection_box01 pull-left col-lg-6 col-md-6 col-sm-6"></div>
                            <div class="pull-left col-lg-6 col-md-6 col-sm-6">
                                <img src="build/images/worklist11.png" alt=""/>
                                <div class="intersection_box_cn">
                                    <p>逐春之燕</p>
                                    <div>
                                        <span>by 龙梓嘉 x Artoriz</span>
                                    </div>
                                    <h5>微博红人：纽约小编编</h5>
                                    <h5>纽约文艺时尚博主</h5>
                                    <h5>金融与投行背景，但在时尚圈崭露头角</h5>
                                    <h5>风格清新可人、文艺</h5>
                                    <h2>NYCMASTER</h2>
                                </div>
                            </div>
                        </div>
                        <div class="intersection_img intersection_img_bottom col-lg-12 col-md-12 col-sm-12 ">
                            <div class="modal_box pull-left">
                                <img src="build/images/worklist12.png" alt=""/>
                                <img src="build/images/modal/modal09.png" class="my_modal none" alt=""/>
                            </div>
                            <div class="more pull-left">
                                <span class="text-center"><img src="build/images/right.png" alt=""/></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部版权声明-->
    <div class="footer">
        <h5 class="text-center">Copyright @2016 最终解释权归HORMONE版权所有.粤ICP备16033531号</h5>
    </div>
</div>
<script>
    $(function() {
        /***********设计师作品布局**************/
        $(window).load(function(){
            var imgHeight=$('.intersection_right_bg').height();
            $('.intersection_left_bg').css('height',(imgHeight)+'px');
        });
        /********首页设计师鼠标移入显示效果*********/
        $('.modal_box').hover(function(){
            $(this).find('.my_modal').fadeIn();
        },function(){
            $(this).find('.my_modal').fadeOut();
        });
    });
</script>
</body>
</html>